12. Updating UI Elements Demo

Updating UI Elements Demo Header

Updating UI Elements Demo

ND#0001 C3 L4 A09 Updating UI Elements Example

Updating UI Elements Quiz

Which are the three steps to updating the UI of an app dynamically…

SOLUTION:
  • Create a selector, capture the data you want to update the element with, set updated property for element.

Updating UI Elements Quiz 2

QUESTION:

Assume you have a div with the id: score. Assume you also have the data object below returned from a fetch() call-- what line of code would you write to assign the innerHTML property of <div id=”score”></div> to the value of the key returnedScore .

data = {
  name: ‘who cares’,
  returnedScore: 6
}

SOLUTION:

NOTE: The solutions are expressed in RegEx pattern. Udacity uses these patterns to check the given answer

Updating UI Elements Summary

And that’s it! Now you have learned how to create an Asynchronous App that uses Web APIs with routes and requests using Express! Hooray!